<template>
<div class="ui_step1">
  <img class="bg_img" src="../../../asset/images/jc_shouye.png" alt="">
  <div class="box" @click="refresh">
    <div class="btn">点击按钮,刷新最新列表</div>
    <div class="box_img">
      <div class="chudian_img">
        <img src="../../../asset/images/jc_chudian@2x.png" alt="">
      </div>
      <div class="shou_img">
        <img src="../../../asset/images/jc_shou@2x.png" alt="">
      </div>
    </div> 
  </div>
</div>
</template>
<script>
export default {
  name: "step1",
  data() {
    return {
      status: true,
      
    };
  },
  mounted: function() {
    
  },
  methods: {
    refresh() {
      this.$emit("refresh");
    }
  }
};
</script>
<style lang="less" scoped>
.ui_step1 {
  position: relative;
  .bg_img {
    height: auto;
  }
  .box {
    z-index: 10;
    position: absolute;
    bottom: 100px;
    text-align: center;
    margin-left: 30px;
    height: 300px;
    .btn {
      width: 690px;
      height: 120px;
      background: rgba(0, 0, 0, 0.7);
      text-align: center;
      margin: 0 auto;
      border-radius: 20px;
      line-height: 120px;
      color: #fff;
      font-size: 30px;
    }
    .box_img {
      text-align: right;
      height: 270px;
      .chudian_img {
        position: relative;
        left: 500px;
        top: 150px;
      }
    }
    .shou_img {
      position: relative;
      left: 550px;
      top: 90px;
    }
  }
}
</style>
